<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>热词</title>
	<script src="../components/echarts-4.0.4.min.js"></script>
	<style>
		body,html{
			padding: 0;
			margin: 0;
			background:#0A0F23;
			width: 100%;
			height: 100%;
		}
	</style>
</head>
<body>
	<div style="width: 100%;height: 100%;" id="hotWord"></div>
</body>
<script>
	var hotWord = echarts.init(document.getElementById('hotWord'));
	var hotWordTitle = "2017年投融资轮次及行业情况";
    var hotWordData = ['A轮', 'B轮', 'Pre-A', '战略', '天使', '收购', 'C轮', '其他', 'D轮', '二级市场']
	var hotWordNum = [26,15,14,11,10,10,9,9,8,6];

	var option = {
		title: {
			text: hotWordTitle,
			left: 'center',
			top:"13%",
            textStyle: {
                fontSize: 22,
                color: '#fff'
            }
		},
		tooltip: {
			trigger: 'none',
			show:false
		},
		grid: {
			left: '5%',
			right: '10%',
			bottom: '0%',
			top:"22%",
			height:"65%",
			containLabel: true
		},
		xAxis: {
			type : 'value',
			interval: 10,
			axisLine: {
	            lineStyle: {
	                color: '#fff'
	            }
	        },
	        axisTick: {
	        alignWithLabel: true,
	            lineStyle: {
	                color: '#fff'
	            }
	        },
			splitLine: {
	            show: false
	       }
		},
		yAxis: {
			type: 'category',
			data: hotWordData,
			inverse:true,
			axisTick: {
				alignWithLabel: true
			},
			axisLine: {
				lineStyle: {
					color: '#fff'
				}
			},
			splitLine: {
				show: false
			}
		},
		series: [
			{
				name: '政策名称：',
				type: 'bar',
				data: hotWordNum,
				barWidth :"25%",
				itemStyle:{
                    normal: {
                        color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{
                            offset: 1,
                            color: '#297bcd'
                        }, {
                            offset: 0,
                            color: '#0de2ff'
                        }]),
                        shadowColor: '#297bcd',
                        shadowBlur: 10
                    }
                },
				label: {
	                normal: {
	                    show: true,
	                    position: 'right',
						color:"#fff"
	                }
	            }
			}
		]
	};
    hotWord.setOption(option);
</script>
</html>